<template>
  <div class="privacy-container">
    <a-card class="privacy-card">
      <template #title>
        <div class="privacy-header">
          <h1>隐私条款</h1>
          <a-button type="primary" @click="$router.push('/')">返回登录</a-button>
        </div>
      </template>
      
      <div class="privacy-content">
        <section class="privacy-section">
          <h2>1. 信息收集</h2>
          <p>西安欧亚学院实践项目教学支持系统（以下简称"本系统"）收集以下信息：</p>
          <ul>
            <li>基本信息：学号、姓名、院系专业等学籍信息</li>
            <li>联系方式：邮箱地址（用于账号找回和重要通知）</li>
            <li>学习记录：练习完成情况、项目参与记录等</li>
          </ul>
        </section>

        <section class="privacy-section">
          <h2>2. 信息使用</h2>
          <p>收集的信息将用于：</p>
          <ul>
            <li>账号管理和身份验证</li>
            <li>提供个性化学习体验</li>
            <li>教学质量评估和改进</li>
            <li>学习成果统计和分析</li>
          </ul>
        </section>

        <section class="privacy-section">
          <h2>3. 信息保护</h2>
          <p>我们采取以下措施保护您的信息：</p>
          <ul>
            <li>数据加密存储和传输</li>
            <li>严格的访问权限控制</li>
            <li>定期安全审计和评估</li>
          </ul>
        </section>

        <section class="privacy-section">
          <h2>4. 信息共享</h2>
          <p>除以下情况外，我们不会分享您的个人信息：</p>
          <ul>
            <li>经您明确同意</li>
            <li>应法律法规要求</li>
            <li>学校教学管理需要</li>
          </ul>
        </section>

        <div class="update-time">
          最后更新时间：2025年3月
        </div>
      </div>
    </a-card>
  </div>
</template>

<script>
export default {
  name: 'Privacy'
}
</script>

<style scoped>
.privacy-container {
  padding: 24px;
  background: #f0f2f5;
  min-height: 100vh;
}

.privacy-card {
  max-width: 800px;
  margin: 0 auto;
}

.privacy-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.privacy-header h1 {
  margin: 0;
}

.privacy-section {
  margin-bottom: 32px;
}

.privacy-section h2 {
  color: #1890ff;
  margin-bottom: 16px;
}

.privacy-section p {
  color: #666;
  line-height: 1.6;
  margin-bottom: 12px;
}

.privacy-section ul {
  color: #666;
  line-height: 1.6;
  margin-bottom: 16px;
  padding-left: 20px;
}

.update-time {
  color: #999;
  text-align: right;
  margin-top: 32px;
}
</style>
